/*
* @Author: Choisaaaa
* @Date: 2018/5/5  20:03
*  props的用法
*/

import React from  "react";
import ReactDOM from 'react-dom';

//props: 表示父组件向子组件传递的属性 ，在子组件中只能读，不能改变

class ES6Component extends React.Component{

    render(){
        {/* 2.子组件中应用父组件传递过来的属相*/}
        return <div> I am {this.props.name}</div>
    }
}


ReactDOM.render(
    <div>
        {/* 1.父组件向组件传递的name字段*/}
        <ES6Component name="Mark"/>
    </div>,
    document.getElementById("Study")
);